require('../../../less/controls/filter_item.less');
var React = require('react');
var BottomPopupView = require('../BottomPopupView');
var ListView = require('../ListView');
var Input = require('../Input');

module.exports = React.createClass({
	displayName:'FilterItem',
	getInitialState:function(){
		return {

		}
	},
	componentDidMount:function(){

	},
	__bottomPopupViewRender: function (){
		return <div className="opt">
			<i className="fa fa-code"></i>
		</div>;
	},
	__onSelectItemClick: function (){

	},
	__selectItemRender: function (){

	},
	render:function(){
		return (
			<div className={"c-filter-item " + (this.props.className||'for-table')} style={this.props.style}>
<Input {...this.props} />
				<BottomPopupView
						ref="popupview"
						render={this.__bottomPopupViewRender} >
					<ListView
						onClick={this.__onSelectItemClick}
						itemRender={this.__selectItemRender}
						data={this.props.data}/>
				</BottomPopupView>

			</div>
		);
	}
});
